<template>
  <div class="big-box">
    <first-level-nav-menu class="nav"></first-level-nav-menu>
    <iframe :src="indexGisUrl" class="content"></iframe>
  </div>
</template>


<script>
import { GIS_ROOT } from "~/Contants";
import FirstLevelNavMenu from "~/layout/component/FirstLevelNavMenu";

export default {
  name: "Index",
  components: {FirstLevelNavMenu },
  data () {
    return {
      indexGisUrl: null,
      // theName: null
    }
  },
  created () {
    let enterprise = this.$route.params.enterprise
    this.indexGisUrl = `${GIS_ROOT}#/client?platformCode=${enterprise}`;
  },
}
</script>

<style scoped>
.content {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border: 0;
   z-index: -1;
  overflow: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.content::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.nav {
  background: none !important;
}
.big-box {
  width: 100%;
  height: 100vh;
}
.el-row {
  position: relative;
  z-index: 1;
}
</style>
